@CHARSET "UTF-8";
body{
	background-color: rgb(242, 242, 242);
	overflow-x:hidden;
}
a{text-decoration: none;cursor: pointer;}
img{cursor: pointer;transition: all 0.6s;}  
ul,li{list-style:none;}
.fld_user{line-height: 50px;}
.fld_user span{padding-top: 15px;padding-bottom: 15px;}
.fld_user span img{border-radius: 20px;}
.article_title h3 a:active,.article_info a:active,
.article_title h3 a:hover,.article_info a:hover{color: #4c98da;text-decoration: none;}  
.f-content{margin-top: 71px;}
.nav_header .navbar-brand{font-weight: bold;}
.nav_header .navbar-brand,.nav_header .navbar-nav li a{
	color: #fff;
}
.nav_header .navbar-nav>.active>a, 
.nav_header .navbar-nav>.active>a:hover, 
.nav_header .navbar-nav>li>a:hover {
    box-shadow: 2px 2px 5px #9e9d9d;
    color: #000;
}
.article_list .f-article{
	margin-bottom: 20px;
    background-color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
}
.f-article:hover{
    box-shadow: 1px 6px 5px 1px #ccc}
.article_list #article_img img{
	width: 100%;
}
#article_img img:hover{-webkit-transform:scale(1.1);transform:scale(1.1); }
.article_list #article_img {
    width: 20rem;
    height: 12rem;
	border: 1px solid #CCC;
    overflow: hidden;
}
.article_title h3{
	margin-top: 0px;
    margin-bottom: 5px;
    overflow: hidden;
	font-size: 20px;
}
.article_title h3 a{color: #3d464d;
    font-weight: bold;}
.article_info{
	height: 25px;
    line-height: 25px;
    color: #919898;
    font-size: 14px;
}
.article_info a{color: #919898;}
.article_desc{color: #526163;font-size: 1.2rem;overflow: hidden;height: 70px;}
.article_info .user_info,.article_info .time,.article_info .cate,.article_info .tag{padding-left: 0px;}
.widget {
    background: #ffffff;
    padding: 21px 30px;
    margin-bottom: 35px;
    box-shadow: 1px 8px 3px 3px #ccc;
}
.widget .title {
    margin-top: 0;
    padding-bottom: 7px;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 21px;
    position: relative;
}
.widget .title:after {
    content: "";
    width: 90px;
    height: 1px;
    background: #e67e22;
    position: absolute;
    left: 0;
    bottom: -1px;
}
.tag-cloud a {
    padding: 2px 7px;
    color: #ffffff;
    line-height: 1.5em;
    display: inline-block;
    margin: 0 7px 7px 0;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    border-radius: 8px;
}
.tag-cloud a:hover{border-radius: 0px;cursor: pointer;text-decoration: none;}
.tag-cloud .tg-1{background-color: #337ab7;}
.tag-cloud .tg-2{background-color: #f54d4d;}
.tag-cloud .tg-3{background-color: #5cb85c;}
.tag-cloud .tg-4{background-color: #5bc0de;}
.tag-cloud .tg-5{background-color: #f0ad4e;}
.f_today,.f_hot{padding-left: 5px;padding-right: 5px;}
.f_today .title,.f_hot .title{text-align: center;margin-bottom: 10px;font-weight: bold;}
.f_today .title:after,.f_hot .title:after {
    width: 100%;
    background: #337ab7;
}
.f_today ul,.f_hot ul{padding-left: 5px;}
.f_today li{padding: 0 0 1rem 1.5rem;position: relative;}
.f_today em{position: absolute;
    top: .5rem;
    left: .3rem;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: #fff #fff #fff #4285f4;
    -webkit-transform-origin: 25% center;
    transform-origin: 25% center;
    border-width: 4px;}
.f_today .con h4{
	font-size: 14px;
	line-height: 18px;
    margin: 0px;
}
.f_today .con h4 a{color:#3d464d;}
.f_today .con h4 a:hover{color:#4285f4;text-decoration: none;}
.f_today .time{color:#a4abb1;font-size: 12px;}
.index_more{margin-top: 10px;padding-top: 20px;height: 60px;text-align:center;background: #fff;}
.index_more a{cursor: pointer;line-height: 20px;font-size: 18px;color: #333;}
.index_more a:hover{cursor: pointer;text-decoration: none;}
.f_hot li{padding-bottom: 0.5rem;}
.f_hot a:hover{cursor: pointer;text-decoration: none;color: #669efb;}

.main-footer{
	width: 100%;
	background: #2d3237;
    font-size: 13px;
    text-align: center;
    color: #cacaca;
    padding-top: 15px;
    padding-bottom: 28px;
    border-top: 1px solid #337ab7;
    position: absolute;
    height: 60px;
}
.f_friend .tag-cloud a{color:#5d5b5b;}
.f_friend .tag-cloud a:hover{color:#fff;cursor: pointer;text-decoration: none;background-color: #e67e22;}


/**************分类页css begin*****************/
.articles{margin-bottom: 20px;}
.articles .cate-list{padding: 10px 20px;background: #fff;}
.articles .cate-info{padding: 20px 0;border-bottom: #eaeaea solid 1px;}
.articles .cate-info .art-img {
    width: 180px;
    height: 120px;
    background: #f5f5f5;
    overflow: hidden;
}
.articles .cate-info .art-img img {
    width: 180px;
    height: 120px;
}
.articles .cate-info .art-img img:hover{-webkit-transform:scale(1.1);transform:scale(1.1); }
.articles .cate-info .art-info {
    margin-left: 20px;
    height: 120px;
}
.articles .cate-info .art-info .title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 26px;
    margin-bottom: 15px;
    margin-top: 24px;
}
.articles .cate-info .art-info .title a{
    font-size: 20px;
    color:#333;
}
.articles .cate-info .art-info .title a:hover{color:#4285f4;text-decoration: none;}
.articles .cate-info .art-other {
    width: 100%;
    line-height: 30px;
    color: #999;
    overflow: hidden;
    font-size: 14px;
}
.articles .cate-info .art-other .author {
	
}
.articles .cate-info .art-other a {
    color: #999;
}
.articles .cate-info .art-other .tags {
    margin-left: 10px;
}
/**************分类页css end*****************/

/**************文章页css begin*****************/
.f-article-info{background-color: #fff;}
.f-article-info .title{padding-top: 20px;padding-bottom: 20px;text-align: center;}
.f-article-info .article-other{padding-bottom: 10px;border-bottom: 1px dotted #999;}
.f-article-info .f-article-content{padding-top: 20px;}
.f-article-info .f-article-content{
    padding: 25px;
    font-size: 16px;
    line-height: 2;
    text-align: justify;
    word-wrap: break-word;
    word-break: break-all;
}
.f-article-info .f-article-content p{
	text-indent:25px;
}
.f-article-info .f-article-content img {
    max-width: 90%;
    display: block;
    margin: 0px auto;
}
.main-footer .go-top{
	width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #337ab7;
    font-size: 20px;
    line-height: 40px;
    color: #fff;
    position: fixed;
    right: 10%;
    top: 85%;
}
.main-footer .go-top:hover {
    background: #519fe2;
    text-decoration: none;
}
.animated{-webkit-animation:run 6s linear 0s infinite; }
.page{text-align: center;background-color: #ffffff;}
.tag_title{background-color: #ffffff;border-bottom: 1px solid #efefef;}
/**************文章页css end*****************/
/**************评论css begin****************/
.f-comment{margin-top: 10px;background-color: #ffffff;padding-bottom: 50px;}
.f-comment-input{margin-top: 30px;padding-left: 70px;width: 100%;height: 170px;position: relative;z-index: 1;}
.f-comment-input .f-head-img{width: 45px;height: 45px;position: absolute;left: 15px;top: 5px;border-radius: 25px;}
.f-comment-content{border:3px solid #f0f0f0}
.f-comment-content .f-comment-textarea{width: 100%;height: 120px;border: none;outline: none;resize:none;padding: 5px;
overflow-y: auto;}
.f-comment-submit{border-top: 1px solid #f0f0f0;padding: 3px 0px;height: 40px;}
.f-emote{position: relative;left: 5px;float: left;width: 60%;}
.f-face{width: 30px;height: 30px;}
.f-submit-button{width: 60px;height: 40px;float: right;}
.clear{clear: both;}
.f-biaoqing{position: absolute;top: 40px;left: -8px;
width: 100%;background-color: #fff;z-index: 100;}
.f-biaoqing img{width: 50px;height: 50px;border: 1px solid #dedede;cursor: pointer;
float:left;display: block;border-top: none;background-color: #fff;}
.f-biaoqing img:hover{background-color: #d4d4d4;}
.f-comment-textarea img{width: 50px;height: 50px;}
.f-comment-title{margin-top: 30px;line-height: 30px;border-bottom:2px solid #a7d0ec;}
.f-comment-title ul{margin: 0;padding: 0;}
.f-comment-title ul li{width: 50%;float:left;}
.f-comment-net{font-size: 18px;font-weight: bold;}

.f-comment-user{}
.f-user{margin-top: 10px;}
.f-comment-user .f-comment-parent{border-bottom: 1px solid #ececec;}
.f-comment-user .f-comment-parent .f-pic-content .f-user-pic{width: 45px;height: 45px;border-radius: 25px;}
.f-comment-user .f-comment-parent .f-user-content{font-size: 14px;color: #4b4b4b;line-height: 24px;}
.f-comment-user .f-comment-parent .f-user-content .f-user-name{font-weight: 600;color: #379be9;}
.f-comment-user .f-comment-parent .f-user-content .f-user-comment{margin-left: 10px;}
.f-comment-user .f-comment-parent .f-user-content .f-user-comment img{width: 40px;height: 40px;}
.f-comment-user .f-comment-parent .f-user-content .f-reply-name{font-weight: 600;color: #f54d4d;}
.f-comment-user .f-comment-parent .f-user-content .f-reply{font-weight: 600;margin: 0 5px;}
.f-comment-user .f-comment-parent .f-user-date{}
.f-comment-user .f-comment-parent .f-user-date a{text-decoration: none;cursor: pointer;margin-left: 15px;color:#379be9;}
.f-more{    padding: 20px 0;
    text-align: center;
    border-bottom: 1px solid #ececec;}
.f-more a{text-decoration: none;font-size: 16px;color:rgb(51, 51, 51);}
/**************评论css end****************/
/*宽度小于1200px时*/
@media screen and (max-width: 1200px){
	.f-comment-user .f-comment-parent .f-pic-content .f-user-pic{width: 35px;height: 35px;border-radius: 25px;}
}
/*宽度小于820px时*/
@media screen and (max-width: 820px) { 
	.article_list #article_img {
	    width: 13.8rem;
	    height: 8rem;
	}
	.f-comment-user .f-comment-parent .f-pic-content .f-user-pic{width: 45px;height: 45px;border-radius: 25px;}
} 
/*宽度小于660px时*/
@media screen and (max-width: 660px) { 
	.article_list #article_img {
	    width: 10rem;
	    height: 5.8rem;
	}
} 
/*宽度大于900px时*/
@media screen and (min-width: 900px){
	.main-footer .go-top {
        width: 60px;
	    height: 60px;
	    line-height: 60px;
	    font-size: 30px;
	    right: 104px;
	    bottom: 100px;
	}
}